<template>
  <div>
    <h1>订阅者</h1>
    <div>{{ subMsg }}</div>
  </div>
</template>

<script>
import Bus from '@/utils/Bus'

export default {
  name: "Subscriber",
  data() {
    return {
      subMsg: ''
    }
  },
  methods: {
    getMsg(msg) {
      console.log(`收到订阅消息:${msg}，下次不触发了`)
      Bus.off('getMsg', this.getMsg)
    },
    getBus() {
      // 像父级传递Bus实例
      return Bus
    }
  },
  created() {
    Bus.on('getMsg', (msg) => {
      this.subMsg = msg
    })
    Bus.on('getMsg', this.getMsg)
    this.$bus.once('getMsgOnce', (a, b) => {
      console.log('getMsgOnce', a + b)
    })
  }
}
</script>

<style scoped>

</style>
